
/* <-- định dạng chung cho các thành phần: bài viết, nhóm tin, chủ đề...vv */
.d_component {
    margin: 0 auto;
    padding: 0;
    /*border: 1px solid red;*/
}



.d_component .d_right_title_component {
    background:url(../images/orther/title_right.gif) right no-repeat;
    height:40px;
} 

.d_component .d_left_title_component {
    background:url(../images/orther/title_left.gif) left no-repeat;
    height:40px;
}    

.d_component .d_title_component {
    height:40px;
    margin: 0 13px 0 13px;
    background:url(../images/orther/title_center.gif) repeat-x;
}  


/* tiêu đề của thành phần */
.d_component .d_title_component {
    line-height: 40px;
    text-align:center;
    text-decoration: none;      
    font-weight: bold; 
    font-size: 20px;
    color: #b9a477;
}


/* liên kết trong tiêu đề thành phần */
.d_component .d_title_component a:link, 
.d_component .d_title_component a:visited {
    color: #b9a477;
    font-weight: bold; 

}
.d_component .d_title_component a:hover {
    text-decoration: underline;
}

























/* nội dung thành phần */
.d_component .d_content_component
{
    margin: 0 40px 0 10px;
    text-align: left;
}
/* --> */








/* ----------------
   định dạng cho những bài viết thuộc nhóm tin và chủ đề
   ----------------*/
.d_article {
    margin: 0;
    text-align: left;
    padding: 5px;
    /*height: 125px;*/      
    /*border: 1px solid #cbcbcb;*/
}



/* ảnh bài viết */
.d_article img {
    float:left;        
    margin: 0 10px 0 0;
    padding: 1px;       
    border: 1px solid #c2c2c2;
    width: 170px;
    height: 160px;     
}

.d_article .d_title
{   
    /*font-weight:bold;*/ 
    color: #242424;    
    font-size: larger;
    /*padding: 3px 0;*/
}

/* tiêu đề */
.d_article .d_title a:link,
.d_article .d_title a:visited 
{    
    /*font-weight:bold;*/ 
    color: #34BAEB;  
    /*    padding: 0px 0px;*/
    text-decoration: none;
}

/* tiêu đề khi ghê chuột */
.d_article .d_title a:hover
{    
    color: #c90202;
}

/* ngày tạo bài viết */
.d_date 
{        
    font-size:12px; 
    color: #a2a2a2;
    font-style: italic;
}
/* mô tả bài viết */
.d_description {
    padding: 0;
    text-align: justify;
}















/* <-- định dạng các thành phần của 1 bài viết khi xem chi tiết */
/* tiêu đề */
.d_article_title 
{     
    text-align: left;
    padding: 2px;
    font-size: 14px;
    font-weight:bold; 
    color: #000;
    text-decoration: none;
}

/* ngày tạo */
.d_article_date {
    font-size:10px; 
    color:#a2a2a2;
    text-align: left;
}



/* nội dung bài viết    */
.d_article_content {
    text-align:justify;    
}

.d_article_content a:link{
    color: blue; 
}
/* hình ảnh trong nội dung bài viết */
.d_article_content img{
    background: #FAFAFA;
    border: 1px solid #DCDCDC;
    padding: 2px;
}
/* --> */




/* <-- định dạng thanh chứa các nút tiện ích: print, quay về đầu trang */
.d_utility
{
    text-align:right;
    padding-top: 20px;
}
/* --> */






/* <-- định dạng hiển thị các bài viết khác cùng loại */
.d_title_orther_article {
    text-align: left;
    font-weight: bold;
}
ul.d_other_article {
    text-align: left;
}
ul.d_other_article li {
    line-height:20px;
    margin-left: 20px;
    list-style-image:url(../images/tip_icon.png);
}
ul.d_other_article li a:link,
ul.d_other_article li a:visited { 
    color:#3287da; 
    text-decoration:none;
}
ul.d_other_article li a:hover { text-decoration:underline; }
ul.d_other_article li a:active {text-decoration:none;} 
/* --> */





/* <-- định dạng các thành phần của 1 bài viết khi xem chi tiết */
/* tiêu đề */

.d_item_image {     
    margin-right: 20px;
    float: left;
}

.d_item_name {
    text-align: left;
    line-height: 30px;
}


.d_item_price {
    text-align: left;
    line-height: 25px;
}

.d_item_code {
    text-align: left;
    line-height: 25px;
}

.d_item_property {
    text-align: left;
    line-height: 25px;
    padding-left: 15px;    
}


.d_item_quantity {
    text-align: left;
    height: 30px;
    line-height: 25px;
}

.d_item_quantity input{
    margin: 5px 0;
    text-align: center;
}









.d_title_orther_item_list {
    text-align: left;
    font-weight: bold;
}
.d_other_item_list {
    text-align: left;   
}


.d_orther_item {
    text-align: center;    
    margin-left: 10px;
    background: #EFEFEF;  
    float: left;
    width: 180px;    
}

.d_orther_item a.d_item_name:link,
.d_orther_item a.d_item_name:visited {
    text-align: center;
    color: #000;
    font-weight: bold;
}

.d_orther_item .d_item_price {
    color: #1A94A1;
    text-align: center;
}


.d_orther_item .d_item_button {
    text-align: center;  
    line-height: 25px;
}


.d_orther_item .d_item_button a {
    background: url('../images/bg_button.gif');
    line-height: 30px;
    text-decoration: none;     
    padding: 2px 5px;
}

.d_orther_item .d_item_button a:link, 
.d_orther_item .d_item_button a:visited {
    border:1px solid #cbcbcb;   
    color: #1A94A1;
    font-weight: bold;
}

.d_orther_item .d_item_button a:hover, 
.d_orther_item .d_item_button a:active {
    border:1px solid #a2a2a2;   
    color: #1A94A1;
    font-weight: bold;
}






/*<----  dinh nghia hien thi cac item trong category  */
.d_item {    
    width: 210px;
    height: 275px;
    float: left;
    margin-left: 10px;
    text-align: center;  
    position: relative;
    margin-bottom: 10px;
}

.d_item .d_thumbnails {
    padding: 1px
}

.d_item .d_thumbnails img {
    width: 180px;
    height: 180px;  
    border: 2px solid #9e9018;
}

.d_item .d_link {
    margin: 0 5px;
    color:#180000; 
    clear: both;
}

.d_item .d_link:link,
.d_item .d_link:visited { 
    color: #8F7700; 
    text-decoration: none; 
}

.d_item .d_link:hover { text-decoration: underline; }
.d_item .d_link:active { color: #f50000; }

.d_item .d_price {
    margin: 0 5px;
    color: #2AB2CA;
}

.d_item .d_code {
    margin: 0 5px;
}



a.d_button:link,
a.d_button:visited {        
    background: url('../images/bg_button.gif');
    text-decoration: none;
    padding: 3px 5px;
    color: #1A94A1;
    font-weight: bold;
    border: 1px solid #CBCBCB;   
    margin-right: 5px;
}

a.d_button:hover,
a.d_button:active {
    border: 1px solid #A2A2A2;
    cursor: pointer
}    








.d_album
{
    width: 256px;
    height: 200px;
    background-image: url('../images/album.png');
    float: left;
    border: 0px solid red;
    margin-right: 5px;
    margin-bottom: 30px;
    margin-left: 20px;
    text-align: center
}

.d_album img
{
    margin: 15px auto;
    width: 226px;
    height: 170px;

}

.d_album .d_title
{
    width: 226px;
    height: 20px;
    color: #fe0000;
    font-weight: bold;
    background-image: url('../images/album_title.png');
    border: 0px solid blue;
    padding: 10px 15px;
}





.field_row
{
    padding: 2px;
    clear: both;
    margin-bottom: 1px;
    border: 0px solid #4a4a4a;
    text-align: left;
}


.label
{
    font-family: Times New Roman, Arial, Helvetica, sans-serif;
    width: 120px;
    float: left;
    text-align: left;
    border: 0px solid red;
    padding: 1px;
    font-size: 15px;
    font-weight: bold; 
}

INPUT.text_field 
{
    border: 1px solid #b7b7a6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;        
    font-size: 15px; 
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    height: 25px;
}

.field_row img
{
    float: right;
    margin: 0px;
}





table.list {
    background-color: #E7E7E7;
    border-spacing: 1px;
    color: #666666;
    width: 100%;
}
table.list td, table.list th {
    padding: 4px;
}
table.list thead th {
    background: none repeat scroll 0 0 #F0F0F0;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #FFFFFF;
    color: #666666;
    text-align: center;
}
table.list thead a:hover {
    text-decoration: none;
}
table.list thead th img {
    vertical-align: middle;
}
table.list tbody th {
    font-weight: bold;
}
table.list tbody tr {
    background-color: #FFFFFF;
    text-align: left;
}
table.list tbody tr.even {
    background: none repeat scroll 0 0 #E2E2E2;
    border-top: 1px solid #FFFFFF;
}
table.list tbody tr:hover td, table.list tbody tr.even:hover td {
    background-color: #FFFFDD;
}
table.list tbody tr td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    height: 25px;
}
table.list tbody tr.even td {
    background: none repeat scroll 0 0 #F0F0F0;
    border-top: 1px solid #FFFFFF;
}
table.list tfoot tr {
    color: #333333;
    text-align: center;
}
table.list tfoot td, table.list tfoot th {
    background-color: #F3F3F3;
    border-top: 1px solid #FF0000;
    text-align: center;
}
table.list td.order {
    text-align: center;
    white-space: nowrap;
}
table.list td.order span {
    display: block;
    float: left;
    text-align: center;
    width: 20px;
}
table.list .pagination {
    display: table;
    margin: 0 auto;
    padding: 0;
}




.d_new_icon {
    padding: 3px; 
    background: #fea82f; 
    color: #fff; 
    position: absolute;
    top: 0; 
    left: 0;
}